<template>
    <section>
        <el-row :gutter="20">
            <el-col :span="24">
                <mavon-editor
                        v-model="content"
                        ref="md" :toolbarsFlag="false"
                        @change="change" :editable="false" :defaultOpen="preview" :subfield="false"
                        style="min-height: 600px"
                 >

                </mavon-editor>
            </el-col>
        </el-row>
    </section>
</template>
<style>

</style>
<script>
    import {AjaxByAll} from '@/api/api';
    // 导入组件 及 组件样式
    import { mavonEditor } from 'mavon-editor';
    import 'mavon-editor/dist/css/index.css';
    export default {
        data() {

            return {
                content:' 协议泛化是对部分接口的快速协议化的功能\n' +
                    '1. 如将dubbo接口转为http协议\n' +
                    '2. 如为特定接口增加签名校验功能\n' +
                    '3. 如为特定接口增加限流等功能', // 输入的markdown
                html:'',    // 及时转的html
            }
        },
        components: {
            mavonEditor
        },
        methods: {

        },
        created() {

        },
        mounted: function () {

        }
    }
</script>
